    <style>
        .file_bg{width:100px; height:auto; overflow:hidden; position:relative; margin:auto; float:left;}
        .file_bg input[type="button"]{ width:100px; height:36px; border-radius:0 4px 4px 0; border:#00B7EE solid 1px; text-align:center; font-size:13px; color:#fff; background:#00B7EE;}
        .file_bg input[type="file"]{width:100px; height:36px; position:absolute; z-index:1; top:0; left:0; opacity:0;}
        .value_name{ width:240px; height:34px; border:#eee solid 1px; border-radius:4px 0 0 4px; margin:auto; padding-left:10px; color:#666; font-size:13px; margin-bottom:20px; float:left;}
        .files_bg{ width:auto; height:auto; padding: 20px; border-radius:4px;  text-align:center; margin:auto; overflow:hidden;}
        .upload_btn{    background: none repeat scroll 0 0 #00B7EE; border:#00B7EE solid 1px;border-radius: 3px; color: #fff; cursor: pointer;font-size: 14px; margin-left: 10px; width:100px; height:36px; float:left}
    </style>
    <div style="padding: 20px">
        <form action="{:U('Execl/impUser')}" method="post" enctype="multipart/form-data">
                <div class="files_bg">
                <input type="text" class="value_name" value="暂未选择文件" readonly="readonly">
                <div class="file_bg">
                    <input type="button" value="请选择文件"><input type="file" name="import">
                </div>
                <input class="upload_btn" type="submit" value="上传">
                </div>
        </form>
        <h4>使用说明:</h4>
            <ol>
                <li>右下角下载附件,解压进行相关信息填写</li>
                <li style="color:red">不要更改xlsx文件名,idphoto目录名</li>
                <li style="color:red">上传图片必须为.jpg格式</li>
                <li style="color:red">填写完成后压缩为.zip格式上传(150M以内)</li>           
            </ol>
        <div style="position: absolute;right: 30px;bottom:20px;"><a href="{:U('index/download?type=zip')}">下载样本文件</a></div>
        
        <!--模态框开始-->
    <div class="modal fade" tabindex="-1" role="dialog" id="myModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">错误提示!</h4>
      </div>
        <div class="modal-body" id="content">
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>   
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--模态框结束-->
    </div>
    <script>
        $(function(){
                $('input[type="file"]').change(function(){
                        $('.value_name').val($('input[type="file"]').val())
                        if($('input[type="file"]').val()==''){
                                $('.value_name').val('暂未选择文件')
                                }
                        })
                $('.upload_btn').click(function(){
                        if($('input[type="file"]').val()==''){
                                 $('#content').html('<p>请选择.ZIP压缩包文件!</p>'); 
                                 $('#myModal').modal('show');
                                return false;	
                        }
                        })
                })
</script>
